<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>女神崛起</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="musicBtn musicPlay">
			<audio src="music/bgm.mp3" autoplay="autoplay" loop="loop"></audio>
			<img src="img/bgmBtn.png"/>
		</div>
		<!--预加载-->
		<div class="loading">
		</div>
		<!--主页-->
		<div class="web">
			<div class="indexBg"><img src="img/indexBg.jpg"/></div>
			<div class="logo"><img src="img/logo.png"/></div>
			<div class="menu">
				<div class="start">
					<img src="img/playBtn.png"/>
				</div>
				<div class="winners">
					<img src="img/winnersListbtn.png"/>
				</div>
				<div class="gameRule">
					<img src="img/ruleBtn.png"/>
				</div>
			</div>
			<div class="gameContent">
				<div class="ruleClose">
					<img src="img/ruleClose.png"/>
				</div>
				<div class="lookRank">
					<img src="img/lookRank.png"/>
				</div>
				<div class="go">
					<img src="img/Go.png"/>
				</div>
				<div class="ruleContent">
					<img src="img/game_rule.png"/>
				</div>
			</div>
		</div>
		<div class="gameRank">
				<div class="rankClose">
					<img src="img/ruleClose.png"/>
				</div>
				<div class="one">
					<img src="img/1.png" alt="" />
				</div>
				<div class="two">
					<img src="img/2.png" alt="" />
				</div>
				<div class="three">
					<img src="img/3.png" alt="" />
				</div>
				<div class="four">
					<img src="img/4.png" alt="" />
				</div>
				<ul>
					<li>
						<div>
							<span>1、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>2、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>3、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>4、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>5、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>6、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>7、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>8、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>9、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>10、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
					<li>
						<div>
							<span>11、</span> <img src="img/ranklistpic.png"/> <span>小夜曲</span>
						</div>
						<div>
							<span>
								666分
							</span>
						</div>
					</li>
				</ul>
			</div>
		<!--游戏-->
		<div class="gameWeb">
			<!--分数版-->
			<div class="scoreBan">
				<span>99</span>
			</div>
			<!--生命-->
			<div class="life">
				<div class="heart">
					<img src="img/heart.png"/>
				</div>
				<div class="heart">
					<img src="img/heart.png"/>
				</div>
				<div class="heart">【
					<img src="img/heart.png"/>
				</div>
			</div>
			<!--背景-->
			<div class="bgBox">
				<div class="gameBg">
					<img src="img/gameBg.jpg"/>
				</div>
				<div class="gameBg">
					<img src="img/gameBg.jpg"/>
				</div>
			</div>
			
			<!--云朵1-->
			<div class="cloudBox gameCloud1">
				<div class="cloud"><img src="img/gameCloud.png"/></div>
				<div class="cloud"><img src="img/gameCloud.png"/></div>
			</div>
			<!--云朵2-->
			<div class="cloudBox gameCloud2">
				<div class="cloud"><img src="img/gameCloud.png"/></div>
				<div class="cloud"><img src="img/gameCloud.png"/></div>
			</div>
			<!--朱丹-->
			<div class="startR"><img class="pigRun" src="img/pigdan.png"/></div>
			<!--横杆-->
			<div class="bridge1">
				<img src="img/gang1.png"/>
			</div>
			<div class="bridge2">
				<img class="gang" src="img/gang2.png"/>
				<img class="gift scoreGift" src="img/score1.png"/>
				<img class="gift scoreGift" src="img/score2.png"/>
				<img class="gift scoreGift" src="img/score6.png"/>
			</div>
			<div class="bridge3">
				<img class="gang" src="img/gang2.png"/>
				<img class="gift scoreGift" src="img/score4.png"/>
				<img class="gift scoreGift" src="img/score5.png"/>
				<img class="stone scoreGift" src="img/score7.png"/>
			</div>
			<!--生命值-->
		</div>
		<div class="overWeb">
			<div class="star">
				<img src="img/star.png"/>
			</div>
			<div class="header">
				<img src="img/overBanner.png"/>
			</div>
			<div class="gameOver">
				<div class="fenshu">999</div>
			</div>
			<div class="overBtn">
				<div class="againGame">
					<a href="index.html"><img src="img/again.png"/></a>
				</div>
				<div class="overRank">
					<img src="img/overRank.png"/>
				</div>
				<div class="overShare">
					<img src="img/overShare.png"/>
				</div>
			</div>
			<div class="sign">
				<img src="img/overBaoming.png"/>
			</div>
		</div>
		<div class="shareWeb">
			<img src="img/shareWeb.png"/>
			<div class="backBtn">
				返回
			</div>
		</div>
		<script src="js/preloadjs.min.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/index.js"></script>
		<script> 
		     //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以 
		     document.querySelector(".musicBtn audio").play(); 
		    //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效 
		    document.addEventListener("WeixinJSBridgeReady", function () { 
		        document.querySelector(".musicBtn audio").play(); 
		    }, false); 
		</script> 
	</body>
</html>
